<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="format-detection" content="telephone=no"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <title>layer-weui</title>
    <link rel="stylesheet" href="css/base.css"/>
    <link rel="stylesheet" href="css/common.css"/>
    <style type="text/css">
        body {
            margin: 0 auto;
            max-width: 720px;
            padding: 0 10px;
            text-align: left;
        }

        .nav-footer {
            background-color: #000;
            color: #fff;
            bottom: 0;
            left: 0;
            position: fixed;
            padding: 10px 0;
            width: 100%;
            z-index: 99;

        }
    </style>
    <script src="js/jquery.js"></script>
    <script src="js/extend.js"></script>
    <script src="js/jquery.touchslide.js"></script>

<!--    <script src="layer.js"></script>-->
<!--    <script src="plug/jquery.layer.model.js"></script>-->
<!--    <script src="plug/jquery.layer.model.plug.js"></script>-->
<!--    <script src="plug/layer.select.js"></script>-->

    <script src="layer.js"></script>
    <script src="plug/jquery.layer.model.js"></script>
    <script src="plug/layer.model.plug.js"></script>
    <script src="plug/layer.select.js"></script>
</head>
<body>
<div class="wrapper">
    <div class="nav-footer">底部导航</div>
</div>
<script>
    $('.nav-footer').on('click', function () {
        var _self = $(this);
        var flag = _self.attr('data-flag');
        if(flag=='1') return;
        var html = '<p>测试测试测试测试测试测试</p>';
        html += '<p>测试测试测试测试测试测试</p>'
        html += '<p>测试测试测试测试测试测试</p>'
        html += '<p>测试测试测试测试测试测试</p>'
        html += '<p>测试测试测试测试测试测试</p>'
        $.popupUp({
            content: html,
            zIndex:98,
            success:function(){
                _self.attr('data-flag','1');
            },
            end: function () {
                _self.attr('data-flag','0');
            }
        })
    })
</script>
</body>
</html>
